import React from 'react'
import styled from 'styled-components'

// Static object
const Box = styled.div({
  background: 'palevioletred',
  height: '50px',
  width: '50px'
});

// Adapting based on props
const PropsBox = styled.div(props => ({
  background: props.background,
  height: '50px',
  width: '50px'
}));

export default ()=>(
  <>
    <Box />
    <PropsBox background="blue" />
  </>
)
